.sc-select {

    .el-tag.el-tag--info,
    .el-tag {
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


.vue-treeselect__control {
    background: #2B2E39 !important;
    border-color: #2B2E39 !important;

    .vue-treeselect__multi-value-item {
        background: #535d71;
        border-color: #535d71;
        color: #00a289;
    }

    .vue-treeselect__input-container {
        input {
            color: white;
        }
    }

}

.vue-treeselect__menu-container {
    .vue-treeselect__menu {

        background: #35394a !important;
        border: 1px solid #555 !important;

        .vue-treeselect__option {
            .vue-treeselect__label-container {
                .vue-treeselect__checkbox--checked {
                    border-color: #00a289;
                    background: #00a289
                }

                .vue-treeselect__label {
                    color: #d1d1d1;
                }
            }
        }

        .vue-treeselect__option--disabled {
            .vue-treeselect__label-container {
                .vue-treeselect__label {
                    color: gray;
                }
            }
        }

        .vue-treeselect__option--highlight {
            background: transparent;

            &:hover {
                background: rgba(23, 186, 161, 0.8);

            }
        }

        .vue-treeselect__option--selected {
            background: rgba(23, 186, 161, 0.8);
        }

        .vue-treeselect__option--selected:hover {
            background: rgba(23, 186, 161, 0.8);
        }

    }
}